import React , { memo } from 'react'

import {
  RecommendWrapper,
  Content,
  RecommendLeft,
  RecommendRight
} from './style'

import TopBanners from './c-cpns/top-banners'
import HotRecommend from './c-cpns/hot-recommend'
import NewAlbums from './c-cpns/new-album'
import RecommendRanking from './c-cpns/recommend-ranking'


function FRecommend(){
  return (
      <RecommendWrapper>
        <TopBanners /> 
          {/* 主体内容 */}
          <Content className="w980">
            {/* 主体推荐页左侧 */}
            <RecommendLeft>
               {/* 热门推荐 */}
              <HotRecommend />
              <NewAlbums />
                {/* 榜单 */}
              <RecommendRanking />
            </RecommendLeft>
            <RecommendRight>

            </RecommendRight>
          </Content>
      </RecommendWrapper>
  )
}

export default memo(FRecommend)